<template>
    <a-input-search class="input__seach" v-bind="$attrs" />
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
    width: {
        type: String,
        default: '328px'
    }
});
</script>

<style lang="less" scoped>
.input__seach {
    width: v-bind('props.width');
    border-radius: 4px;
    border: 1px solid @base-color-border;
    opacity: 1;
    background-color: #fff;
    color: @base-color-1-text;

    ::placeholder {
        font-size: 14px;
        color: @base-color-border;
    }

}
</style>